import {BilibiliOutlined, GithubOutlined, IeOutlined} from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-components';
import React from 'react';

const Footer: React.FC = () => {
  const defaultMsg = 'achao'
  return (
    <DefaultFooter
      style={{
        background: 'none',
      }}
      copyright={`${new Date().getFullYear()} ${defaultMsg}`}
      links={[
        {
          key: 'bilibili',
          title: <><BilibiliOutlined />B站</>,
          href: 'https://space.bilibili.com/272222941?spm_id_from=333.337.0.0',
          blankTarget: true,
        },
        {
          key: 'github',
          title: <><GithubOutlined />gitHub</>,
          href: 'https://gitee.com/Achao991019',
          blankTarget: true,
        },
        {
          key: 'csdn',
          title: <><IeOutlined />csdn博客</>,
          href: 'https://blog.csdn.net/weixin_44480960?spm=1000.2115.3001.5343',
          blankTarget: true,
        },
      ]}
    />
  );
};

export default Footer;
